
<div class="app_panel_page">
	<audio id="call_voice" src="voice/msg_call_voice.wav"></audio>
	<show_big_img v-ref:show_big_img  @big_img_comp="big_img_comp"></show_big_img>
	<div class="ui segment" id="panel">
		<div class="left_panel">
			<div class="header">
				<div class="head_icon_panel">
					<img v-on:click="changeIcon" alt="头像加载失败!"
						:src="icon_src">
						<upload_file_comp @update_icon="update_icon" :account="account" v-ref:upload_file></upload_file_comp>
				</div>
				<div class="userinfo_panel">
					<h3 class="userinfo">
						<span class="username" v-on:click="change_username" v-bind:class="{'hidden':username_hidden}">{{username}}</span>
						<input type="text" v-model="new_username" class="username" v-on:blur="submit_username" v-bind:class="{'hidden':username_input_hidden}">
						<dropdown_comp :account="account" @open_select_panel="open_select_panel" @close_call="close_call"></dropdown_comp> 
						<select_remebers :account="account" :username="username" @update_remebers="update_remebers" @curr_right_content="set_right_panel" @init_select_panel="init_select_panel" v-ref:select_remebers></select_remebers>
					</h3>

				</div>
			</div>
			<div class="contact_searchbar">
				<div class="ui search">
					<div class="ui icon input">
						<input class="prompt" type="text" placeholder="搜索联系人"> <i
							class="search icon"></i>
					</div>
					<div class="results"><div class="title">哈哈哈</div></div>
				</div>
			</div>
			<div class="bottom_panel">
				<div class="tab_head_panel">
					<div class="tab_item_panel">
						<a class="tab_item" v-on:click="tabItemClick('recent')"><img
							:src="recent_icon"></a>
					</div>
					<div class="tab_item_panel">
						<a class="tab_item" v-on:click="tabItemClick('wenzhang')"><img
							:src="wenzhang_icon"></a>
					</div>
					<div class="tab_item_panel">
						<a class="tab_item" v-on:click="tabItemClick('contact')"><img
							:src="contact_icon"></a>
					</div>
				</div>
				<div
					v-bind:class="{'tab_card_show':tabShowRecent,'tab_card_hide':tabHideRecent}">
					<friend_list :account="account" @delete_recent="delete_recent" @curr_right_content="set_right_panel" v-ref:friend_list_recent></friend_list>
				</div>
				<div
					v-bind:class="{'tab_card_show':tabShowWenzhang,'tab_card_hide':tabHideWenzhang}">
					文章</div>
				<div
					v-bind:class="{'tab_card_show':tabShowContact,'tab_card_hide':tabHideContact}">
					
					<friend_list :account="account" @curr_right_content="set_right_panel" v-ref:friend_list_all></friend_list>
				</div>

				<div class="add_fri_panel" v-on:click="showAddFriPanel">
					<span>添加好友</span>
				</div>
			</div>
		</div>
		<div class="chatArea">
			<!-- <userinfo_comp></userinfo_comp> -->
			<!-- <logo_comp></logo_comp> -->
			<component v-ref:right_panel @upload_file="upload_file" @get_msg_box="get_msg_box" @open_select_panel="open_select_panel"  @open_chat_panel="open_chat_panel" @big_img_comp="big_img_comp" @curr_right_content="set_right_panel"
				:is="rightCurrContent" :recents="recents" :contacts="contacts" :msg_box_list="msg_box_list" :account="account"></component>
		</div>
	</div>
</div>